/**
 * CSS for SRF common objects
 *
 * @since 1.8
 * @release 0.1
 *
 * @file
 * @ingroup SRF
 *
 * @licence GNU GPL v2 or later
 * @author mwjames
 */

.srf-processing-text{
	padding-left: 2.1em;
	font-size: 12px;
	vertical-align: middle;
}

.srf-loading-dots {
	background: url('') no-repeat left center;
	padding: 5px 0 5px 35px;
	vertical-align: middle;
}

.srf-spinner.text{
	color: #666;
	padding-left: 1.6em;
	font-size: 12px;
	vertical-align: middle;
}

/* Spinner for left side in-text*/
.srf-spinner.mw-small-spinner {
	background-position:left;
	vertical-align: middle;
	display:inline-block;
	padding: 0px !important;
}

/* Sppiner for image center*/
.srf-spinner-img.mw-small-spinner {
	vertical-align: middle;
	display:inline-block;
	padding: 0px !important;
}

.srf-notification-content {
	font-size: 0.8em;
	color: #fff;
	padding: 2px;
	text-align: left;
}

/**
 * User preference
 */
fieldset#mw-prefsection-smw-srf {
	border: 0px solid #2a4b8d;
	border-top: 1px solid #2a4b8d;
	margin-top: 25px;
	clear: both;
}

fieldset#mw-prefsection-smw-srf-eventcalendar-options {
	border: 0px solid #2a4b8d;
	border-top: 1px solid #ddd;
	margin-top: 0px;
}

fieldset#mw-prefsection-smw-srf-datatables-options {
	border: 0px solid #2a4b8d;
	border-top: 1px solid #ddd;
	margin-top: 15px;
}

#mw-prefsection-smw-srf .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label:before {
	content: "◉ ";
}

#mw-prefsection-smw-srf .oo-ui-fieldsetLayout-header .oo-ui-labelElement-label {
	color: #2a4b8d;
}

#mw-prefsection-smw-srf .oo-ui-panelLayout-padded {
	padding-top: 0em;
	padding-bottom: 0em;
}

#mw-prefsection-smw-srf-eventcalendar-options .oo-ui-fieldsetLayout-group,
#mw-prefsection-smw-srf-datatables-options .oo-ui-fieldsetLayout-group {
	columns: 2;
}

#mw-prefsection-smw-srf .oo-ui-fieldLayout-field {
	margin-top: 10px;
}

/**
 * Responsive settings
 */
@media screen and (max-width: 800px) {

	#mw-prefsection-smw-srf-eventcalendar-options .oo-ui-fieldsetLayout-group,
	#mw-prefsection-smw-srf-datatables-options .oo-ui-fieldsetLayout-group {
		columns: 1;
	}

}
